iT邦幫忙

2023 iThome 鐵人賽

DAY 21
0
Modern Web

Google Apps Script 整合運用系列 第 21

編輯客戶資料

  • 分享至 

  • xImage
  •  

回傳訊息再加一個「管理」

可以回到列表

  button += render('tmp_button', {tmp_class: 'btn btn-xs btn-info', title: '管理', url: global.url+'?op=custom', target: ""});

編輯客戶資料

  1. 修改列表樣版,之前欄位名是用「title」, 改為用「form_name」
    custom.html

  <thead>
    <tr>
      <? for(let i in stru){ ?>
        <th
          data-field='<?= stru[i]['form_name']?>'
          data-sortable='true'
          data-align='left'
          data-width=''
          data-visible='true'        
        >
          <?= stru[i]['title']?>
        </th>
      <? } ?>
      
      <th 
        data-field='operate' 
        data-sortable='false' 
        data-align='center' 
        data-width='150'
        data-clickToSelect='false' 
        data-events='window.operateEvents' 
        data-formatter='operateFormatter'>
        <a href="<?= global['url'] ?>?op=form_custom" class="" title='新增'>
          <i class="bi bi-file-earmark-plus"></i>
        </a>
      </th>
    </tr>
  </thead>


2. window.operateEvents row[0] 改為 row['sn']


  window.operateEvents = {
    'click .show': function (e, value, row, index) {//顯示單筆
      alert('查詢');//         
    },
    'click .edit': function (e, value, row, index) {
      top.location.href='<?= global.url ?>?op=form_custom&sn='+row['sn']
    },
    'click .delete': function (e, value, row, index) {
      alert('刪除');      
    }
  } 

測試新增、編輯


上一篇
表單取值
下一篇
客戶刪除
系列文
Google Apps Script 整合運用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言